<template>
    <div class="container">
        <MyChart :option="option" :ebox="'box7'" />
    </div>
</template>
    
<script setup>
import MyChart from '@/components/common/MyChart.vue'

const option = {
    title: {
        text: 'ECharts 入门示例'
    },
    tooltip: {},
    xAxis: {
        data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    },
    yAxis: {},
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
}



</script>

<style lang="scss" scoped>
.container {
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
}

.box {
    width: 300px;
    height: 200px;
}
</style>